<template>
  <div class="container">
    <div class="com-group">
      <div class="title">按钮</div>
      <yl-button>小按钮</yl-button>
      <yl-button size="small">按钮</yl-button>
      <yl-button size="middle">中按钮</yl-button>
      <yl-button size="large">大按钮</yl-button>
      <yl-button type="default">颜色1</yl-button>
      <yl-button type="primary">颜色2</yl-button>
      <yl-button type="plain">颜色3</yl-button>
      <yl-button type="gray">颜色4</yl-button>
    </div>
    <!-- <funny-games></funny-games> -->
  </div>
</template>

<script setup name='demo'>
// import {ref,reactive} from 'vue'
import ylButton from './components/YlButton.vue'
</script>
<style lang="scss" scoped>
.container {
  padding: 30px;
  .com-group {
    .title {
      padding: 10px 0;
      font-size: 24px;
    }
  }
}
</style>